<!-- Dom模板 -->
<template>
  <div class="card_box">
              <div class="card_each">
                  <div>
                      <h2>今日营业额（元）</h2>
                      <p>截至5分钟前</p>
                  </div>
                  <div class="num">{{price}}</div>
              </div>
              <div class="card_each">
                  <div>
                      <h2>今日有效订单（个）</h2>
                      <p>截至5分钟前</p>
                  </div>
                  <div class="num">{{num}}</div>
              </div>
    </div>
</template>

<script>
// import a from './a'; // 引入组件
export default {
  name: '',
  props:['num','price'],
  data() {
    return {
      msg: '测试'
    }
  },
  // 生命周期 - 创建完成（访问当前this实例）
  created() {
      
  },
  // 生命周期 - 挂载完成（访问DOM元素）
  mounted() {
      
  },
  // Vue方法定义
  methods: {
      
  }
}
</script>

<style lang='less'>
/* @import url(''); 引入css类 */
@import url('./index.less');
</style>